<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的---我的</title>

</head>
<body>
    <div class="myUser">
        <!-- 用户 -->
        <div class="one" id="nameOne">
            <div class="One container2">
                <div class="top">
                    <div>
                        <img src="../imgs/dog.jpg" alt="" id="imgurl">
                        <span class="iconfont icon-tipvip"></span>
                        <span id="nickname">用户名</span>
                    </div>
                    <span class="iconfont icon-xuanzeqixiayige"></span>
                </div>
                <p>个性签名: <span id="sign">XXXXXXXXXXXXXXXXXXXXXXXXXX</span></p>
            </div>
        </div>

        <!-- 个人动态 -->
        <div class="two">
            <div class="Two container2">
                <div>
                    <span class="iconfont icon-jiajutubiao-"></span>
                    <span>个人动态</span>
                </div>
                <div>
                    <span><i id="dynamicCount">10</i>条</span>
                    <span class="iconfont icon-xuanzeqixiayige"></span>
                </div>
            </div>
        </div>

        <!-- 运动数据 -->
        <div class="three" id="sportData">
            <div class="Three container2">
                <div class="ThreeTop">
                    <div>
                        <span class="iconfont icon-shuju1"></span>
                        <span>运动数据</span>
                    </div>
                    <span class="iconfont icon-xuanzeqixiayige"></span>
                </div>
                <div class="num">
                    <div>
                        <p>总运动</p>
                        <p><span id="times">9999</span>分钟</p>
                    </div>
                    <div>
                        <p>本周消耗</p>
                        <p><span id="calorie">9999</span>千卡</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- 运动徽章 -->
        <div class="four" id="sportBadge">
            <div class="Four container2">
                <div class="FourTop">
                    <div>
                        <span class="iconfont icon-huizhang1"></span>
                        <span>我的运动徽章</span>
                    </div>
                    <span class="iconfont icon-xuanzeqixiayige"></span>
                </div>
                <div class="num">
                    <img src="../imgs/mybadge01.jpg" alt="">
                    <img src="../imgs/mybadge03.jpg" alt=>
                    <img src="../imgs/mybadge06.jpg" alt="">
                </div>
            </div>
        </div>
        
        <!-- 退出登录 -->
        <div class="logOut" id="logOut">退出登录</div>
        


        <!-- 底部导航按钮 -->
        <!-- <div class="bottomNav">
            <div class="botNav">
                <a href="./home.html">
                    <span class="iconfont icon-shouye"></span>
                    <span>首页</span>
                </a>
                <a href="./motionRun.html">
                    <span class="iconfont icon-xinshuai"></span>
                    <span>运动</span>
                </a>
                <a href="./circleFollow.html">
                    <span class="iconfont icon-quanzi"></span>
                    <span>圈子</span>
                </a>
                <a class="activ" href="./myUser.html">
                    <span class="iconfont icon-wode1"></span>
                    <span>我的</span>
                </a>
            </div>
            
        </div> -->
    </div>

    
</body>
</html>